<template>
  <div>
    <h4>这里是子组件, 子组件控制隐藏自己</h4>
    <pre>
      $emit('update:visible', false)
      这句话的意思是更新一下props中的visible这个值
      虽然子组件props中没有visible这个值, 但是父组件确实传入了visible这个属性
      父组件传入的visible属性是和父组件的visible3绑定的
      visible3这个属性又决定了子组件是否显示
    </pre>
    <div>
      <button @click="$emit('update:visible', false)">子组件隐藏自己</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible3: true,
      message: '原始信息'
    }
  }
}
</script>
